<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>EBazaar</title>
    </h:head>
    <h:body>





        <ui:composition template="/templates/masterLayout.xhtml">
         <ui:define name="windowTitle">

         </ui:define>

         <ui:define name="content">
              <h1><h:outputText value="EBazaar -- Your shopping cart" /></h1>
        <h:dataTable value="#{browseSelectPCB.shoppingCartItems}" var="item">
            <h:column>
                <f:facet name="header">
                    <h:outputText style="font-weight: bold" value="Item"/>
                </f:facet>
                <h:outputText value="#{item.cartProduct.prodName}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText style="font-weight: bold" value="Quantity"/>
                </f:facet>
                <h:outputText value="#{item.quantity}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText style="font-weight: bold" value="Unit Price"/>
                </f:facet>
                <h:outputText value="#{item.cartProduct.price}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText style="font-weight: bold" value="Total Price"/>
                </f:facet>
                <h:outputText value="#{item.itemCost}"/>
            </h:column>
        </h:dataTable>
        <h:outputText style="font-weight: bold" value="Your total billed amount is "/>
        <h:outputText style="font-weight: bold" value="#{browseSelectPCB.shoppingCart.cartCost}"/>
        <h:form>
            <h:commandButton value="Checkout" action="#{browseSelectPCB.checkOut}"/>
            <h:commandButton value="Cont. Shopping" action="#{browseSelectPCB.browseCatalog}"/>
            <h:commandButton value="Save Cart"/>
<!--            <h:commandButton value="Exit EBazaar"/>-->
        </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
